<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

<html>
    <head>
        <link type="text/css" href="resources/css/smoothness/jquery-ui-1.7.1.custom.css" rel="stylesheet" />
        <link type="text/css" href="resources/css/carpool.css" rel="stylesheet" />
        <link rel="stylesheet" media="screen" href="resources/css/jquery.rating.css" type="text/css" />
        <title>Carpool</title>

        <script type="text/javascript" src="resources/js/jquery-1.3.2.js"></script>
        <script type="text/javascript" src="resources/js/jquery-ui-1.7.1.custom.min.js"></script>
        <script type="text/javascript" src="resources/js/carpool.js"></script>
        <script type="text/javascript" src="resources/js/jquery.rating.js"></script>
        <script type="text/javascript">

            $(document).ready( function() {
                $("#ui-tabs-nav").tabs();
                $("#ui-tabs-nav").bind("tabsload",fillDados());

            });

        </script>
    </head>
    <body>
        <!--<p>PERFIL DO ZÉ MANEL</p>-->
        <div id="ui-tabs-nav" style="height: 430px; width: 520px; background:transparent; left: 10px;">
            <ul>
                <li><a href="#fragment-1"><span>dados pessoais</span></a></li>
                <li><a href="#fragment-2"><span>boleias agendadas</span></a></li>
                <li><a href="#fragment-3"><span>comentários</span></a></li>
            </ul>
            <div id="fragment-1">
                <div id="o"style="top: 98px;">
                    Número de aluno da UC
                </div>
                <input type="text" id="numero" readonly="yes" name="numero"/>

                <div id="foto">
                </div>

                <div id="o"style="top: 178px;">
                    Nome
                </div>
                <input type="text" id="nome" readonly="yes" name="nome"/>


                <div id="o"style="top: 218px;">
                    Morada
                </div>
                <input type="text" id="morada" readonly="yes" name="morada" style="top: 230px;" />



                <div id="o"style="top: 298px;">
                    Marca
                </div>

                <input type="text" id="marca12" readonly="yes" name="marca12"/>

                <div id="o"style="top: 338px;">
                    Modelo
                </div>

                <input type="text" id="modelo12" readonly="yes" name="modelo12" style="top: 352px;"/>

                <div id="o" style="top: 298px; left:200px;">
                    Ano
                </div>

                <input type="text" id="ano12" readonly="yes" name="ano12" style="left:200px;"/>

                <div id="o" style="top: 298px; left:370px;">
                    Matricula
                </div>

                <input type="text" id="matricula12" readonly="yes" name="matricula12" style="left:370px; width: 130px;"/>

                <div id="o" style="top: 338px; left:200px;">
                    Cor
                </div>

                <input type="text" id="cor12" readonly="yes" name="cor12" style="left:200px; top: 352px;" />

            </div>
            <div id="fragment-2">
                <div id="boleia_aprov" style="width:470px; position:absolute;  height:150px;  opacity:1;">
                    <div id="b_a" style="width:470px; height:20px; background:blue; opacity:1;  text-align:center; font-weight:bold; color:black;">
                        <textarea id="data_boleia" readonly="yes" style="text-align:left; height:15px; width:50px; left:0px;background:transparent;  position:absolute;"></textarea>
                        Boleia aproveitada
                        <textarea id="conf_boleia" readonly="yes" style="text-align:right; height:15px; width:80px; left:380px; background:transparent;  position:absolute;"></textarea>
                    </div>
                    <div id="foto"style="position:absolute;  left:10px; top:28px;">
                    </div>
                    <div id="o" style="position:absolute;  left:120px; top:48px;">
                        Condutor:
                    </div>
                    <textarea id="box_cond" readonly="yes" style="text-align:left; height:12px; width:150px; top:47px; left:170px; background:white; border-width: 0.5px; border-style: dotted; position:absolute;"></textarea>

                    <div id="o" style="position:absolute;  left:120px; top:68px;">
                        Veiculo:
                    </div>
                    <textarea id="box_veic" readonly="yes" style="text-align:left; height:12px; width:100px; top:67px; left:170px; background:white; border-width: 0.5px; border-style: dotted; position:absolute;"></textarea>

                    <div id="o" style="position:absolute;  left:120px; top:88px;">
                        Hora:
                    </div>
                    <textarea id="box_hora_p" readonly="yes" style="text-align:left; height:12px; width:40px; top:87px; left:150px; background:white; border-width: 0.5px; border-style: dotted; position:absolute;"></textarea>

                    <div id="o" style="position:absolute;  left:120px; top:108px;">
                        Hora:
                    </div>
                    <textarea id="box_hora_c" readonly="yes" style="text-align:left; height:12px; width:40px; top:107px; left:150px; background:white; border-width: 0.5px; border-style: dotted; position:absolute;"></textarea>

                    <div id="o" style="position:absolute;  left:200px; top:88px;">
                        Rendevú:
                    </div>
                    <textarea id="box_rendevu" readonly="yes" style="text-align:left; height:12px; width:200px; top:87px; left:250px; background:white; border-width: 0.5px; border-style: dotted; position:absolute;"></textarea>

                    <div id="o" style="position:absolute;  left:200px; top:108px;">
                        Destino:
                    </div>
                    <textarea id="box_destino" readonly="yes" style="text-align:left; height:12px; width:200px; top:107px; left:250px; background:white; border-width: 0.5px; border-style: dotted; position:absolute;"></textarea>
                    <input type="button" class="button" name="commit" value="Cancelar boleia" style="top: 130px; background:yellow; left: 360px; position:absolute; font-size:9px" />



                </div>

                <div id="boleia_dada" style="top:240px; width:470px; height:190px; position:absolute;  opacity:1;">
                    
                    <div id="b_d" style="width:470px; height:20px; background:olive; text-align:center; font-weight:bold; color:black;">
                        <textarea id="data_boleia" readonly="yes" style="text-align:left; height:15px;background:transparent; width:50px;  left:0px; position:absolute;"></textarea>
                        Boleia dada

                    </div>
                    <div id="o" style="position:absolute;  left:10px; top:28px;">
                        Hora:
                    </div>
                    <textarea id="box_hora_p2" readonly="yes" style="text-align:left; height:12px; border-width: 0.5px; border-style: dotted; width:40px; top:27px; left:40px; background:white; position:absolute;"></textarea>

                    <div id="o" style="position:absolute;  left:10px; top:48px;">
                        Hora:
                    </div>
                    <textarea id="box_hora_c2" readonly="yes" style="text-align:left; height:12px; border-width: 0.5px; border-style: dotted; width:40px; top:47px; left:40px; background:white; position:absolute;"></textarea>

                    <div id="o" style="position:absolute;  left:90px; top:28px;">
                        Origem:
                    </div>
                    <textarea id="box_origem" readonly="yes" style="text-align:left; height:12px; border-width: 0.5px; border-style: dotted; width:200px; top:27px; left:135px; background:white; position:absolute;"></textarea>

                    <div id="o" style="position:absolute;  left:90px; top:48px;">
                        Destino:
                    </div>
                    <textarea id="box_destino" readonly="yes" style="text-align:left; height:12px; border-width: 0.5px; border-style: dotted; width:200px; top:47px; left:135px; background:white; position:absolute;"></textarea>

                    <div id="o" style="position:absolute;  left:10px; top:68px;">
                        Lugares vagos:
                    </div>
                     <textarea id="box_vagos" readonly="yes" style="text-align:left; height:12px; border-width: 0.5px; border-style: dotted; width:40px; top:67px; left:90px; background:white; position:absolute;"></textarea>
                     <input type="button" class="button" name="commit" value="Cancelar boleia" style="top: 70px; background:yellow; left: 360px; position:absolute; font-size:9px" />

                    <div id="pedido" style="position:absolute;  left:10px; top:88px; height:100px;width:450px; text-align:center;">
                        Pedido
                        <textarea id="nome_pedido" readonly="yes" style="position:absolute; height:13px; border-width: 0.5px; border-style: dotted; width:200px; background:white; left:10px; top:33px;"></textarea>
                        <div id="o" style="position:absolute;  left:10px; top:53px;">
                        Rendevú:
                        </div>
                        <textarea id="box_rendevu2" readonly="yes" style="text-align:left; height:12px; border-width: 0.5px; border-style: dotted; width:200px; top:51px; left:60px; background:white; position:absolute;"></textarea>

                        <input type="button" class="button" name="commit" value="Aceitar" style="top: 70px; background:green; left: 8px; position:absolute; font-size:9px" />
                        <input type="button" class="button" name="commit" value="Rejeitar" style="top: 70px; background:red; left: 60px; position:absolute; font-size:9px" />
                        </div>
                </div>


            </div>
            <div id="fragment-3">
                <div id="comment"style="">


                    <textarea id="comment_res" name="comment_res" readonly="yes" style="top: 82px; width: 480px; position:absolute; height:50px; border-width: 0.5px; border-style: dotted;"></textarea>

                    <div id="stars" style="top: 62px; left: 22px; position:absolute;">
                        <input name="star1" type="radio" class="star" disabled="disabled"/>
                        <input name="star1" type="radio" class="star" disabled="disabled"/>
                        <input name="star1" type="radio" class="star" disabled="disabled"/>
                        <input name="star1" type="radio" class="star" disabled="disabled"/>
                        <input name="star1" type="radio" class="star" disabled="disabled"/>
                    </div>
                    <input type="text" readonly="yes" id="nome_com" name="nome_com" readonly="yes" value="nome" style="top: 135px; background:transparent; text-align:right; left:329px;   border-style:none; position:absolute;"/>
                    <input type="text" readonly="yes" id="data_com" name="data_com" readonly="yes" value="data do comentario" style="top: 135px; background:transparent; text-align:left; left:22px; font-size: 9px;   border-style:none; position:absolute;"/>

                </div>

            </div>
        </div>


    </body>
</html>
